<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:t="http://myfaces.apache.org/tomahawk"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:panelGrid  columns="1">
        <t:div id="navigationTitle">
            <h:outputText value="#{msgs['navigation.title']}"/>
        </t:div>    
        <t:div id="wrap">
            <t:div id="metadata">
                <h5><a href="#">Query Concepts</a></h5>
                <div>First content</div>
                <h5><a href="#">Results Concepts</a></h5>
                <div>Second content</div>
                <h5><a href="#">Surgery Concepts</a></h5>
                <div>Second content</div>
            </t:div>
        </t:div>
        <h:panelGroup id="navigationContent" >
            <t:div id="infovis"/>
        </h:panelGroup> 
        <h:outputText id="infovisData" style="display:  none" value="#{retrieveConcepts.subHierarchyJson}" />
    </h:panelGrid>
    <t:div id="conventionsContent">
        <h:outputLabel id="topLabel" styleClass="conventionLabel" value="#{msgs['navigation.conventions.top']}"/>
        <h:outputLabel id="indexLabel" styleClass="conventionLabel" value="#{msgs['navigation.conventions.index']}"/>
        <h:outputLabel id="expandedLabel" styleClass="conventionLabel" value="#{msgs['navigation.conventions.expanded']}"/>
        <h:outputLabel id="surgeryLabel" styleClass="conventionLabel" value="#{msgs['navigation.conventions.surgery']}"/>
        <h:outputLabel id="addedLabel" styleClass="conventionLabel" value="#{msgs['navigation.conventions.added']}"/>
    </t:div>    
</ui:composition>